<template>
    <div
        class="guide"
        v-if="isShow"
    >
    </div>
</template>

<script>
export default {
    name: "Guide",
    data () {
        return {
            isShow: true
        }
    },
    mounted () {
        if (sessionStorage.getItem('showGuide')) {
            this.isShow = false
        }
        else {
            sessionStorage.setItem('showGuide', true)
        }
        setTimeout(() => {
            this.isShow = false
        }, 3000)
    }
}
</script>

<style lang="stylus" scoped>
.guide
    position fixed
    top 0
    left 0
    right 0
    bottom 0
    overflow hidden
    background-image url('../../../assets/images/guide/guide-img.jpg')
    background-size 100% auto
    background-repeat no-repeat
    background-position center
    z-index 9
</style>

